<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="play">
    <!-- 内容 -->
    <main class="main">
        <video id="video" src="http://fitness.h5.itsource.cn:3701/course/part1.mp4" muted controls></video>
        <div class="box">
            <p><span id="courcount"></span>/<span id="allcount"></span></p>
            <p class="name"></p>
        </div>
    </main>
    <!-- 控件 -->
    <div class="control">
        <i id="prevbtn" class="iconfont icon-bg-previous"></i>
        <i id="playbtn" class="iconfont icon-bofang"></i>
        <i id="pausebtn" class="iconfont icon-zanting" style="display: none;"></i>
        <i id="nextbtn" class="iconfont icon-bg-next"></i>
        <div class="progress"></div>
    </div>

    <!-- 蒙层 -->
    <div class="mask">
        <p class="text">放弃可以找到一万个理由，坚持只需一个信念！</p>
        <div class="controlbox">
            <div id="continuebtn">
                <i class="iconfont icon-bofang"></i>
                <p>继续训练</p>
            </div>
            <div id="stopbtn">
                <i class="iconfont icon-ai240"></i>
                <p>结束训练</p>
            </div>
        </div>

        <div class="curbox">
            <img src="../../assets/imgs/cat.jpg" alt="">
            <p>
                当前环节：<br> <span>膝关节疼痛</span>
            </p>
        </div>
    </div>
</body>
</html>